/*
Theme Name: Thinlines
Theme URI: http://corpocrat.com/2014/03/03/thinlines-free-wordpress-theme-for-personal-blogs/
Author: Prabhu Balakrishnan
Author URI: http://corpocrat.com
Description: Glossy wordpress theme unlimited header colors, and nice grey gradients thin 1px border lines.  This theme was designed with visual presentation in mind by using extensive use of full width site layout to present content.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, one-column,right-sidebar,threaded-comments,full-width-template
Text Domain: thinlines

This theme is licensed under the GPL. Please spread the word by means. Thank you
*/


/***************** Initial CSS Styles *************************/

a { text-decoration:none; color:#333;}

.thecontent a {

}

.admin-bar #wrapper { margin-top:5px; }

	
a:hover {color:grey;}

a img {
	border:0; /* IE Fix */
}

.more-link {
	color: #c00;
}


table {
	
	
	border-collapse:collapse;
	border:1px solid #999;
	
	
}


hr {
	border:none;
	background:#eee;
	height:1px;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
/****************** Sticky styles ***********************/

.sticky {

}
.sticky .featured {
	float:left;
	
	margin:50px 40px 20px 10px;
}


td { padding:15px;	border:1px solid #999;
 }
 
 .bypostauthor {
 	 
 }

 .alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.round-image {
	border-radius: 50%;
	float:left;
	margin-right:10px;
}

code {
color:brown;
background:#f3ede9;
}

pre {
display:block;
width: 90%; 
white-space:pre-wrap;
margin:10px; padding-left:15px; padding: 10px; 
color:brown;
background:#f3ede9;
font: normal 16px Monaco,courier; 
}

blockquote {
	position:relative;
 white-space:pre-wrap;
display:inline-block; padding: 10px; background: #ebebe8; border:1px solid #cdcdcd; 
font-size:18px;
padding:20px; line-height: 150%;
color:#333;

}
blockquote:before {
font-family: monaco,arial;
display: block;
content: "\201C";
font-size: 100px;
position: absolute;
left: -15px;
top: 20px;
color: #7a7a7a;

}

/* Header reset and is incomplete */

h1,h2,h3,h4,h5 {
	margin:0; padding:0;
	line-height:140%;
	font-family:'Fjalla One','Oranienbaum', sans-serif;
	color:#333;
}

h1 { font-size:60px }
h2 { font-size:50px; }
h3 { font-size:40px; }

.tags {
	padding:12px;
	border-top:1px solid #eee;
	font-size:14px;
	
}
.tags a {
	color:#c00;
}

.button {

padding:15px 20px;
color:#f7f7f7;
float:right;
margin-top:20px;
margin-right:150px;
font:bold 20px 'Roboto Condensed',Georgia,arial,sans-serif;
border-radius:10px;
background: rgba(255,175,75,1);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );


}

.button:hover {
	background:#069;
	color:#fff;
}


/**************** Body *************************/
body {
	margin:0;
	padding:0;
	font: normal 20px 'Open Sans','Roboto',sans-serif;
	color:#444;

background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,207,209,1) 50%, rgba(209,209,209,1) 51%, rgba(224,221,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(209,207,209,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(224,221,224,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,207,209,1) 50%, rgba(209,209,209,1) 51%, rgba(224,221,224,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,207,209,1) 50%, rgba(209,209,209,1) 51%, rgba(224,221,224,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,207,209,1) 50%, rgba(209,209,209,1) 51%, rgba(224,221,224,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(209,207,209,1) 50%, rgba(209,209,209,1) 51%, rgba(224,221,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e0dde0', GradientType=0 );
}

/*************************** Main Wrapper *****************/

#wrapper {
width: 100%;	
overflow:hidden;
margin:0;
padding:0;
border-collapse:collapse;
}


#main {
	width: 100%;
	overflow:hidden;
	margin:0px auto 0px auto;
	margin-top:50px;
	
	
}

.content404 {
	
	padding:100px;
}


.homecontent {
	padding:0px 50px;
}
.fullpage {
	padding: 50px 100px;
	outline:1px solid #c5c5c5;
border:1px solid #fff;
margin:20px 50px;
background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(17%, rgba(250,250,250,1)), color-stop(52%, rgba(250,250,250,1)), color-stop(83%, rgba(247,244,247,1)), color-stop(100%, rgba(245,245,245,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f5f5f5', GradientType=0 );

}
.fullpage h1 {
	padding-bottom: 30px;
}

/*********************** Header ************************/

#header {
position:relative;
min-height:150px;
width:100%;
color:#fff;
overflow:hidden;
background: #39ad94;
}

#header .logo {
position:absolute;
top:10px; left:20px;	

}
.headercontent {
	position:relative;
	overflow:hidden;
	color:#ccc;
	background: #39ad94;

}
.headercontent h1 {
		padding:50px 100px 100px 100px;

}
.headercontent img {
	float:left;
	margin:40px 50px;
}
	
#subheader {
	padding:50px 100px;
	background:#333;
	color:#dcdcdc;
	border-top:1px solid #222;
	font-size:20px;
}
	
		
#header #searchform {

}

#header #searchform label, 

#header #searchform input[type='submit'] {
	display:none;
}

#header #searchform input {
	position:absolute;
top:25px;
right:70px;
	padding:10px;
	width:200px;
	background: #fff url(images/search.png) 10px 10px no-repeat;
	border:1px solid #999;
	border-radius:20px;
	text-align:center;
	
}

/********************** Navigation Menu **************************/

nav {  position:absolute; z-index:5; width:97%;font-size:10px; top:115px; left:20px;  margin-bottom:20px; text-align:center; border-radius:5px;max-height:60px;}
nav ul{  margin:0px auto; padding:0px; } 
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 -3px}
nav ul li a{ display:block;text-decoration:none; text-transform:uppercase; padding:20px 25px; }
nav ul li:hover>a{ background:#fff;  }
/*...First-Level...*/

nav ul li ul{ position:absolute; display:none; width:140px; margin:0; }
nav ul li:hover ul{display:block; }
nav ul li ul li{ display:block; border:none}
nav ul li ul li a{ border-radius:0px!important; background:#ccc;  margin:0px; padding:10px; }

/*...Second-Level...*/
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}
/*...Third-Level...*/
nav ul li ul li ul{display:none; background:#fff; position:absolute;  top:-10%; left:140px; width:140px;}

.spacer {
	 height: 50px;
    margin: 0 0 -50px 0;
    /* margin: 20px 0 -50px 0; use this if you want #container to have a 'bottom padding', in this case of 20px */
    background: transparent; 	
}



/************************ Top menu **************************************/
top {
position:absolute;
left: 50%;
top:95px;
width:600px;		
height:25px;
overflow:hidden;	
}
top ul {
	
	list-style-type:none;
	margin:0; padding:0;
}

top ul li {
	display: inline-block;
}
top ul li a {
	color:#777;
	padding: 5px 15px;
	font-size:16px;
}

top .children, top ul ul { display:none; }


/********************** Content ***********************/

#content {
	
	overflow:hidden;
	margin:0;
	padding:0;
}

/******************** Sidebars **************************/

#left-sidebar {
	
	float:left;
	min-width:250px;
	margin: 0px 0px 10px 20px;
	
	overflow:hidden;
}
#right-sidebar {
	float:right;
	min-width:250px;
	margin: 0px 20px 10px 0px;
	
	overflow:hidden;
}

/**************************** Footer ************************/

#footer {
	overflow:hidden;
	position:relative;
	min-height:150px;
	background: #333;
	text-align:center;
	font-size: 14px;
	color:#e0e0e0;
}
#footer .copyright {
	position:absolute;
	top:50px;
	left:100px;
}

#footer .credits {
	position:absolute;
	right:110px;
	top:50px;
}
#footer .credits a {
	color:orange;
}
#socialicons {
	position:absolute;
	top:30px;
	right:20%;
}
#socialicons img {
	border-radius:50%;
}
	
.threecol {
		-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
overflow:hidden;
}	


/******************* Home Index Post ************************/

.index-box, .post {
position:relative;
overflow:hidden;	
display:block;
padding:50px 100px;

vertical-align:top;
margin:30px 70px;
outline:1px solid #c5c5c5;
border:1px solid #fff;
text-align:left;

background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(17%, rgba(250,250,250,1)), color-stop(52%, rgba(250,250,250,1)), color-stop(83%, rgba(247,244,247,1)), color-stop(100%, rgba(245,245,245,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f5f5f5', GradientType=0 );

}



.home .thumb {
	float:left;
	padding:0;
	margin-right:40px;
	margin-top:15px;
}
.home .date {
position:absolute;	
font-size:12px;
color:#c00;	
bottom: 0px;
left:40%;
}
.home .commentslink {
	position:absolute;
	left:60%;
	bottom:0px;
	font-size:12px;
}

.postmetadata {
	font-size:12px;
	display:block;
	padding:10px 0;
	
}	
.postmetadata a {
	color:#c00;
	font-size:12px;
}

.index-box h2, .index-box p {
	overflow:hidden;
}


/****************** Post Styles Common ***********************/





/************************ Category and Archive Post Styles *******************/

.archive .post {
	overflow:hidden;
	padding:20px;
	
	margin:0px 0px 20px 30px;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
	font-size:16px;
	
}
.archive .post .thumb {
	margin:20px 0;
}

.catdata {
	overflow:hidden;
	
}
	
.categorytitle {
	display:block;
padding:20px 0 30px 0;	
text-align:center;
}
	


/***************** Search Page ****************************/

.search .post .thumb {
	float:left;
	padding:10px 20px;
}

.search .post {
	padding:20px 10px;
	overflow:hidden;
}
	

/*************************** Pagination ******************/	
	
#pagination {
overflow:hidden;
margin:20px;
text-align:center;
}
#pagination .remove {
	display:none;
}
 .page-numbers {
	margin:20px;
	padding:20px;
	display:inline-block;
	text-align:center;
	background: rgba(255,255,255,0.5);
	font-size:26px;
		border:1px solid #ededed;
	
	outline:1px solid #c5c5c5;
}
.page-numbers:hover {
background:red;
color:white;
}
.page-numbers.current {
background:orange;	
}

#page-links {
	text-align:center;
	margin:50px 50px;
	
	
}

#page-links a {
	padding:20px;
	background:#fff;
	border:1px solid #999;
	font-size:20px;
}

#page-links a:hover {
	background:orange;
	color:#fff;
}




/******************** Comments ***************************/

#comments, #comments .children {
	margin:10px 20px;
	list-style-type:none;
	font-size:16px;
	overflow:hidden;
}

#comments h1 {
	text-align:center;
	
}
.comment-body {
	
	position:relative;
	margin-top:40px;
	margin-left:100px;
	margin-right:100px;
	padding:160px 200px;
	font-size:22px;
	line-height:190%;
	outline:1px solid #c5c5c5;
border:1px solid #fff;

background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(17%, rgba(250,250,250,1)), color-stop(52%, rgba(250,250,250,1)), color-stop(83%, rgba(247,244,247,1)), color-stop(100%, rgba(245,245,245,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f5f5f5', GradientType=0 );
	
}

.comment-author-admin .comment-body {
	
	content: 'Author';
	border:1px solid #cc0;
	padding:20px;
	
}

.comment-body .avatar {
	position:absolute;
	left:20px;
	top:20px;
	border:1px solid #e0e0e0;
	border-radius:50%;
	padding:5px;
}
.says {display:none;}

.fn {
	font: bold 60px 'Fjalla One','Oranienbaum',sans-serif;
	position:absolute;
	top:50px;
	left:25%;

	
}


	
.reply {
	position:absolute;
	padding:20px 40px;
	
	border:1px solid #fff;
	font-size:30px;
	color: #666;
	margin:30px;
	bottom:0px;
	right:0px;
	background:#e0e0e0;
	border-radius:50%;
	
	overflow:hidden;
	

}

.comment-author {
	margin-left:-100px;
	margin-top:0;
	float:left;
}
	
	
.comment-meta {
	position:absolute;
	bottom:10px; left:30%;
	font-size:14px;
}
.comment-meta a {
	color: #c00;
}

.says { margin-left:30px; }

/************************** Widgets **********************/

.widget_calendar {

font-size:10px;
	
}

#top-widget {
	
font-size:14px;	
overflow:hidden;	
display:table;
margin: 0px 55px;;
border-collapse:collapse;
border-spacing:0px 1px;
}
#top-widget h3 {
	padding-top:10px;
}


#homepage-widget {

font-size:14px;	
overflow:hidden;	
display:table;
margin:0px;
padding-top:10px;
border-collapse:collapse;
border-spacing:0px 0px;

}

#respond {
	width:70%;
margin:20px auto;
padding:20px;
overflow:hidden;	
}
#respond form input[type="text"],
#respond form textarea {
	display:block;
width:600px;
padding:8px 20px;
background: rgba(168, 165, 168, 0.1);
border:1px solid rgba(0, 0, 0, 0.2);	

}
	
#footer-widget {
	overflow:hidden;
	display:table-cell;	
	width:10%;
	border-collapse:collapse;	
}



#footer-widget h3 {
	margin-left:10px;
}

#top-widget .widget,
#homepage-widget .widget,
#footer-widget .widget {
	width:1%;
	display:table-cell;
	
	padding:10px;
	
	}

.widget {
	font-size:14px;
	overflow:hidden;
	list-style-type:none;
	margin: 30px 20px;
	padding:20px;
	outline:1px solid #c5c5c5;
border:1px solid #fff;

background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(17%, rgba(250,250,250,1)), color-stop(52%, rgba(250,250,250,1)), color-stop(83%, rgba(247,244,247,1)), color-stop(100%, rgba(245,245,245,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 17%, rgba(250,250,250,1) 52%, rgba(247,244,247,1) 83%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f5f5f5', GradientType=0 );
	

	
		
}

.home #homepage-widget .widget {
	padding-top:30px;
}

.widget ul {
	list-style-type:none;
	margin:0; padding:0;
}

.widget ul li {
	padding:10px;
}

.widget h3 {
	margin:10px 0px;;
		text-align:center;

}
.textwidget {
	padding:10px;
	margin:0px;
}
	
	